<template>
  <div class="about">
    <h1>This is an about page</h1>
    <div style="width: 100% height:150px;"  @click="jump">
            <img src="https://via.placeholder.com/150" alt="placeholder">
        </div>
  </div>
</template>
<script setup>
    const router = useRouter()
const route = useRoute()
router.replace({path:route.path,query: {routerType: 'pop'}})
const jump = () => {
        router.push({name: 'Second', query: {
                    routerType: 'push',
                },})
    }
</script>
<style>
@media (min-width: 1024px) {
  .about {
    position: absolute;
    height: 100%;
    width: 100%;
  }
}
</style>
